<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="content-language" content="fr" />
    <meta name="robots" content="all,follow" />

    <meta name="author" content="" />
    <meta name="copyright" content="" />
    
    <title>Binome de Merde</title>
    <meta name="description" content="..." />
    <meta name="keywords" content="..." />
    
    <link rel="index" href="./" title="Home" />
    <link rel="stylesheet" media="screen,projection" type="text/css" href="./css/main.css" />
    <link rel="stylesheet" media="print" type="text/css" href="./css/print.css" />
    <link rel="stylesheet" media="aural" type="text/css" href="./css/aural.css" />
</head>

<body id="www-url-cz">

<!-- Main -->
<div id="main" class="box">

    <!-- Header -->
    <div id="header">

        <!-- Logotyp -->
        <h1 id="logo"><a href="./" title="Binome de Merde Homepage"><strong>Binome de Merde</strong><span></span></a></h1>
        <hr class="noscreen" />          

        <!-- Quick links -->
        <div class="noscreen noprint">
            <p><em>Quick links: <a href="#content">content</a>, <a href="#tabs">navigation</a>, <a href="#search">search</a>.</em></p>
            <hr />
        </div>

        <!-- Search -->
        <div id="search" class="noprint">
            <form action="" method="get">
                <fieldset><legend>Search</legend>
                    <label><span class="noscreen">Find:</span>
                    <span id="search-input-out"><input type="text" name="" id="search-input" size="30" /></span></label>
                    <input type="image" src="design/search_submit.gif" id="search-submit" value="OK" />
                </fieldset>
            </form>
        </div> <!-- /search -->

    </div> <!-- /header -->

     <!-- Main menu (tabs) -->
     <div id="tabs" class="noprint">

            <h3 class="noscreen">Navigation</h3>
            <ul class="box">
                <li><a href="#">Home<span class="tab-l"></span><span class="tab-r"></span></a></li>
                <li id="active"><a href="#">Anecdotes<span class="tab-l"></span><span class="tab-r"></span></a></li> <!-- Active -->
                <li><a href="#">Evalue tes binomes<span class="tab-l"></span><span class="tab-r"></span></a></li>
                <li><a href="#">Recherche avancée<span class="tab-l"></span><span class="tab-r"></span></a></li>
            </ul>

        <hr class="noscreen" />
     </div> <!-- /tabs -->

    <!-- Page (2 columns) -->
    <div id="page" class="box">
    <div id="page-in" class="box">

        <div id="strip" class="box noprint">

            <!-- RSS feeds -->
            <p id="rss"><strong>RSS:</strong> <a href="#">articles</a> / <a href="#">comments</a></p>
            <hr class="noscreen" />

            <!-- Breadcrumbs -->
            <p id="breadcrumbs">You are here: <a href="#">Home</a> &gt; <a href="#">Category</a> &gt;  <strong>Page</strong></p>
            <hr class="noscreen" />
            
        </div> <!-- /strip -->

        <!-- Content -->
        <div id="content">

            <!-- Article -->
            <div class="article">
                <h2><span><a href="#">Titre de l'histoire BDM</a></span></h2>
                <p class="info noprint">
                    <span class="date">2007-01-01 @ 00:01</span><span class="noscreen">,</span>
                    <span class="cat"><a href="#">Category</a></span><span class="noscreen">,</span>
                    <span class="user"><a href="#">My name</a></span><span class="noscreen">,</span>
                    <span class="comments"><a href="#">Comments</a></span>
					<span class="thumbup"><a href="#">+1</a></span><span class="noscreen">,</span>
					<span class="thumbdown"><a href="#">-1</a></span><span class="noscreen">,</span>
                </p>

                <p>L'histoire sur le BDM.</p>

                <p class="btn-more box noprint"><strong><a href="#">Continue</a></strong></p>
            </div> <!-- /article -->

            <hr class="noscreen" />

            <!-- Article -->
            <div class="article">
                <h2><span><a href="#">This is my third article</a></span></h2>
                <p class="info noprint">
                    <span class="date">2007-01-01 @ 00:01</span><span class="noscreen">,</span>
                    <span class="cat"><a href="#">Category</a></span><span class="noscreen">,</span>
                    <span class="user"><a href="#">My name</a></span><span class="noscreen">,</span>
                    <span class="comments"><a href="#">Comments</a></span>
                </p>

                <p>Texte ici</p>

                <p class="btn-more box noprint"><strong><a href="#">Continue</a></strong></p>
            </div> <!-- /article -->

            <hr class="noscreen" />
            
            <!-- Article -->
            <div class="article">
                <h2><span><a href="#">This is my second article</a></span></h2>
                <p class="info noprint">
                    <span class="date">2007-01-01 @ 00:01</span><span class="noscreen">,</span>
                    <span class="cat"><a href="#">Category</a></span><span class="noscreen">,</span>
                    <span class="user"><a href="#">My name</a></span><span class="noscreen">,</span>
                    <span class="comments"><a href="#">Comments</a></span>
                </p>

                <p>Texte ici</p>

                <p class="btn-more box noprint"><strong><a href="#">Continue</a></strong></p>
            </div> <!-- /article -->

            <hr class="noscreen" />

            <!-- Article -->
            <div class="article">
                <h2><span><a href="#">This is my first article</a></span></h2>
                <p class="info noprint">
                    <span class="date">2007-01-01 @ 00:01</span><span class="noscreen">,</span>
                    <span class="cat"><a href="#">Category</a></span><span class="noscreen">,</span>
                    <span class="user"><a href="#">My name</a></span><span class="noscreen">,</span>
                    <span class="comments"><a href="#">Comments</a></span>
                </p>

                <p>Texte ici</p>

                <p class="btn-more box noprint"><strong><a href="#">Continue</a></strong></p>
            </div> <!-- /article -->

            <hr class="noscreen" />
            
        </div> <!-- /content -->

        <!-- Right column -->
        <div id="col" class="noprint">
            <div id="col-in">

                <!-- About Me -->
                <h3><span><a href="#">About Me</a></span></h3>

                <div id="about-me">
                    <p><img src="design/tmp_photo.gif" id="me" alt="Yeah, it´s me!" />
                    <strong>Pedro</strong><br />
                    Age: 26<br />
                    Mexico, Mexique<br />
                    <a href="#">Profile on MySpace</a></p>
                </div> <!-- /about-me -->

                <hr class="noscreen" />

                <!-- Category -->
                <h3 ><span>Catégorie</span></h3>

                <ul id="category">
                    <li id="category-active"><a href="#">Selectionne une catégorie</a></li> <!-- Active -->
                    <li><a href="#">GB</a></li>
                    <li><a href="#">GI</a></li>
                    <li><a href="#">GM</a></li>
                    <li><a href="#">GP</a></li>
                    <li><a href="#">GSM</a></li>
                    <li><a href="#">GSU</a></li>
                    <li><a href="#">TC</a></li>
                    <li><a href="#">Autre</a></li>
                </ul>

                <hr class="noscreen" />

                <!-- Archive -->
                <h3><span>Archives</span></h3>

                <ul id="archive">
                    <li><a href="#">2013</a></li>
                    <li id="archive-active"><a href="#">2012</a></li> <!-- Active -->
                    <li><a href="#">2011</a></li>
                    <li><a href="#">2010</a></li>
                </ul>

                <hr class="noscreen" />

                <!-- Links -->
                <h3><span>Liens</span></h3>

                <ul id="links">
                    <li><a href="#">Something</a></li>
                    <li><a href="#">Something</a></li>
                    <li><a href="#">Something</a></li>
                    <li><a href="#">Something</a></li>
                    <li><a href="#">Something</a></li>
                </ul>

                <hr class="noscreen" />
            
            </div> <!-- /col-in -->
        </div> <!-- /col -->

    </div> <!-- /page-in -->
    </div> <!-- /page -->

    <!-- Footer -->
    <div id="footer">
        <div id="top" class="noprint"><p><span class="noscreen">Back on top</span> <a href="#header" title="Back on top ^">^<span></span></a></p></div>
        <hr class="noscreen" />
        
        <p id="createdby">created by <a href="http://www.nuvio.cz">some hardworking students</a></p>
        <p id="copyright">&copy; 2012 <a href="mailto:my@mail.com">BDM</a></p>
    </div> <!-- /footer -->

</div> <!-- /main -->

</body>
</html>
